.click {
  @apply flex flex-col items-center absolute left-2/4 top-2/4 z-10;
  transform: translate(-50%, -50%);

  .getVipText {
    @apply text-white-80 font-medium;
    font-family: Alibaba PuHuiTi 2;
    font-size: 1.375rem;
    font-weight: normal;
  }

  .getVip {
    @apply mt-10 text-white bg-theme;
    font-size: 1.375rem;
    width: 15rem;
    height: 3.75rem;

    &.getViped {
      background: #999;

      &:hover {
        @apply opacity-100 cursor-default;
      }
    }
  }
}

// 移动端
@media screen and (max-width: 767px) {
  .click {
    .getVipText {
      @apply text-base text-center;
    }

    .getVipTip {
      @apply text-sm mt-2;
    }

    .getVip {
      @apply mt-2 text-base h-9;
      width: 7.5rem;
    }
  }
}
